* {
    margin : 0;
    padding: 0;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

html,
body {
    font-family: "微软雅黑", sans-serif;
}

#header {
    display   : flex;
    height    : 3.75rem;
    background: #ff841d;

    .a1 {
        display        : inline-block;
        padding        : 1.25rem 0 0 1.25rem;
        text-decoration: none;
        color          : white;
    }

    p {
        display: inline-block;
        font   : 1.375rem/ 3.75rem "";
        color  : white;
        margin : 0 auto;
    }

    img {
        height : 2.5rem;
        width  : 2.5rem;
        padding: .625rem .625rem 0 0;
    }
}


#content {

    .info {
        border-bottom: 1px solid #ccc;
        margin       : .625rem .5rem;
        padding-top  : .3125rem;

        .title {
            h4 {
                font-size  : 1.25rem;
                line-height: 1.25rem;
                text-align : left;
                color      : #333;
                font-weight: 900;
                margin     : 1.25rem 0;
            }
        }

        .other {
            margin-top  : .625rem;
            padding-left: 15px;
            color       : #999;

            span:nth-of-type(1) {
                float       : left;
                margin-right: 1.25rem;
            }

            span:nth-of-type(2) {
                margin-left: .9375rem;
            }
        }

        .word {
            padding-right: .9375rem;
            padding-left : .9375rem;
            margin       : .625rem 0;

            p {
                font-size: 1.125rem;

                img {
                    width: 12.5rem;
                    float: right;
                }
            }
        }

        .image {
            display        : flex;
            justify-content: center;
            img{
                display: block;
                width: 18.75rem;
                height: 18.75rem;
            }
        }

        .city{
            display: flex;
            justify-content: center;
            #disstorck{
                li{
                    text-align: center;
                    line-height: 2.75rem;
                    background: rgb(244,244,244);
                    width: 9.375rem;
                    height: 2.75rem;
                    border: .0625rem solid #999;
                        span{
                            float: left;
                            width: 6.25rem;
                            margin-left: 1.25rem;
                            color: black;
                            text-align: center;
                            strong{
                                margin-left: .3125rem;
                                float: right;
                                color: red;
                                font-weight: 900;
                            }
                        }
                    }
            }
        }

    }
}

.buy {
    margin: .625rem 0;

    a {
        display      : block;
        width        : 80%;
        height       : 2.125rem;
        text-align   : center;
        margin       : 0 auto;
        background   : #ff9000;
        color        : white;
        line-height  : 2.125rem;
        border-radius: .625rem;
        font-weight  : 900;
    }
}

.ma {
    img {
        width     : 90%;
        padding   : 1.25rem;
        margin-top: .625rem;
    }
}

.text {
    textarea {
        width      : 89%;
        padding    : .625rem;
        height     : 6.25rem;
        border     : 1px solid #ccc;
        margin-left: .625rem;
    }

    .discuss {
        height       : 3.125rem;
        width        : 100%;
        margin       : 0 auto;
        background   : #ccc;
        position     : relative;
        margin-bottom: 1.875rem;

        a {
            display    : block;
            width      : 7.5rem;
            height     : 3.4375rem;
            line-height: 3.4375rem;
            background : #ff9000;
            color      : white;
            text-align : center;
            position   : absolute;
            right      : 0rem;
            top        : -0.1875rem;
        }
    }
}

#comment{
    .text{
        font-size: .8125rem;
        .name{
            margin-top: .1875rem;
        }
        .text-bottom{
            margin: .3125rem 0;
        }
    }
}

#footer {
    background: rgb(239, 239, 239);

    section {
        padding: .625rem;

        a {
            text-decoration : none;
            color           : #666;
            display         : block;
            font-size       : .8125rem;
            line-height     : 1.875rem;
            border-radius   : .3125rem;
            text-align      : center;
            border          : .0625rem solid #ddd;
            background-image: linear-gradient(#fff, #f4f4f4)
        }
    }

    .rank {
        background     : #ff841d;
        height         : 2.5rem;
        display        : flex;
        justify-content: space-between;
        align-items    : center;
        padding        : 0 .625rem;
        margin-top     : .625rem;

        span:nth-of-type(1) {
            font-size  : 1.125rem;
            line-height: 2.5rem;
            color      : white;
        }

        img {
            width      : 1.25rem;
            height     : 1.25rem;
            padding-top: .3125rem;
        }


    }

    ul {
        display: flex;
        padding: 0;

        a {
            flex: 1;

            li {

                list-style: none;
                text-align: center;
                color     : grey;
                font      : .875rem / 1.875rem "";
                border    : .0625rem solid #ccc;
            }
        }
    }

    .foot {
        height: 3.125rem;

        .p1 {
            padding-top: .625rem;
            font-size  : .625rem;
            text-align : center;

            span {
                color: rgb(110, 110, 110);
            }
        }

        .p2 {
            font-size : .5rem;
            text-align: center;
            color     : rgb(110, 110, 110);
        }
    }
}
